<!-- <div class="container container-style" >
   <div class="row height-50" >
      <div class="col-xs-7 div-flex-height" >
        <div class="home-div" ng-click="toggleGroup(1)" >
            <b class="b-border">生产批次产量分布看板</b>
            <img class="img-arrow" ng-src="modules/core/client/img/{{ios_arrow}}"/>
        </div> 
        <div id="bardom_div"  ng-show="!isGroupShown(1)" class="div-flex" >
          <div class="row margin-0 home-find-div">
            <div class="col-xs-4 search-width">
                <input class="input-style" type="text" placeholder="请输入生产批次" ng-model="search_name">
            </div>
            <div class="col-xs-2">
                <img class="img-search" src="modules/core/client/img/search.svg" ng-click="search_batch(search_name)"/>
            </div>
            <div class="col-xs-6 batch-date-text item-text-overflow">
                2016-04-07 13:53
            </div>
          </div>
          <div id="bardom" class="bar-flex" >
          </div>
        </div>
      </div>
      <div class="col-xs-5 div-flex-height">
        <div class="home-div min-height30" ng-click="toggleGroup3(3)">
            <b class="b-border">质量预警看板</b>
            <img class="img-arrow" ng-src="modules/core/client/img/{{ios_arrow3}}"/>
        </div> 
        <div ng-show="!isGroupShown3(3)" class="div-flex" >
          <div class="row margin-0 home-find-div min-height33">
             <div  class="col-xs-10 search-width">
                <input class="input-style" type="text" placeholder="全部车间" >
             </div>
             <div class="col-xs-2">
                <img class="img-search" src="modules/core/client/img/search.svg"/>
            </div>
          </div>

          <div class="alert-context" >
            <div class=""  style="  background-color: white;" ng-repeat="alert in alert_list">
                <div class="alert-date-text">
                    {{alert.date}}
                </div>
                <div class="list second">
                    <div class="row item"  ng-repeat="detail in alert.detail_list">
                        <div class="col-xs-1" style="margin-left: 30px;" >
                            <div class="line-up"></div>
                            <div class="circle-yellow-one"></div>
                            <div class="line-down"></div>
                        </div>
                        <div class="col-xs-11 tip-bubble tip-bubble-left">
                             <div class="row alert-item">
                                 <div class="col-xs-3 padding-0">{{detail.alert_time}}</div>
                                 <div class="col-xs-9"></div>
                             </div>
                             <div class="row item-text-overflow">
                                 <div class="col-xs-3 padding-0 item-text-overflow">{{detail.alert_batch}}</div>
                                 <div class="col-xs-6 padding-0 item-text-overflow">{{detail.alert_work}}</div>
                                 <div class="col-xs-3 padding-0 item-text-overflow">{{detail.person}}</div>
                             </div>
                        </div>
          

                    </div>
                 </div>
            </div>
          </div>
        </div>
      </div>      
   </div>
   <div class="row height-50 margin-top10" >
      <div class="col-xs-7 div-flex-height">
        <div class="home-div" ng-click="toggleGroup2(2)">
            <b class="b-border">我的报表</b>
            <img class="img-arrow" ng-src="modules/core/client/img/{{ios_arrow2}}"/>
        </div> 
        <div id="bardom2_div" ng-show="!isGroupShown2(2)" class="div-flex">
          <div class="home-find-div">
             <div  class="search-width">
                <input class="input-style" type="text" placeholder="请输入生产批次" >
             </div>
          </div>
          
          <div id="bardom2" class="bar-flex">
          </div>
        </div>
      </div>
      <div class="col-xs-5 div-flex-height">
        <div class="home-div min-height30" ng-click="toggleGroup4(4)">
            <b class="b-border">完工日报</b>
            <img class="img-arrow" ng-src="modules/core/client/img/{{ios_arrow4}}"/>
        </div> 
        
        <div ng-show="!isGroupShown4(4)" class="div-flex">
        
          <div class="home-find-div row report-title-div min-height33">
             <div class="col-xs-3 padding-0 item-text-overflow">出货批次</div>
             <div class="col-xs-3 padding-0 item-text-overflow">生产批次</div>
             <div class="col-xs-3 padding-0">客户</div>
             <div class="col-xs-3 padding-0">数量</div>
          </div>
          
          <div class="report-context">
             <div class="row report-title-div margin"  ng-repeat="report in report_list">
                  <div class="col-xs-3 padding-0 item-text-overflow" >{{report.out_batch}}</div>
                  <div class="col-xs-3 padding-0 item-text-overflow" >{{report.in_batch}}</div>
                  <div class="col-xs-3 padding-0 item-text-overflow" >{{report.client_name}}</div>
                  <div class="col-xs-3 padding-0 item-text-overflow" >{{report.client_num}}</div>     
              </div>
              
          </div>


        </div>

      </div> 
   </div>
   

</div> -->

<div class="container container-style" >
   
   <div class="row height-100">
      <div id="col7_div" class="col-xs-7 height-100" >
        <!-- 只有row这一个子元素 没有填充flex 导致高度没有充满 -->
        <div class="row "  >

          <div id="col7_header1" class="home-div" ng-click="toggleGroup(1)" >
            <b class="b-border">生产批次产量分布看板</b>
            <img class="img-arrow" ng-src="modules/core/client/img/{{ios_arrow}}"/>
          </div> 
          <div id="col7_body1" ng-show="!isGroupShown(1)" class="" >
            <div id="col7_body1_header" class="row margin-0 home-find-div">
              <div class="col-xs-4 search-width">
                <input class="input-style" type="text" placeholder="请输入生产批次" ng-model="search_name">
              </div>
              <div class="col-xs-2">
                <img class="img-search" src="modules/core/client/img/search.svg" ng-click="search_batch(search_name)"/>
              </div>
              <div class="col-xs-6 batch-date-text item-text-overflow">
                2016-04-07 13:53
              </div>
            </div>
            <div id="bardom"  >
            </div>
          </div>
        </div>
        <div class="row " >
          <div id="col7_header2" class="home-div top" ng-click="toggleGroup2(2)">
            <b class="b-border">我的报表</b>
            <img class="img-arrow" ng-src="modules/core/client/img/{{ios_arrow2}}"/>
          </div> 
          <div id="col7_body2" ng-show="!isGroupShown2(2)" class="" >
            <div id="col7_body2_header" class="home-find-div">
              <div  class="search-width">
                <input class="input-style" type="text" placeholder="请输入生产批次" >
              </div>
            </div>
          
            <div id="bardom2">
            </div>
          </div>
        </div>
      </div>
      <div id="col5_div" class="col-xs-5 height-100" >
        <div class="row margin-left5">
          <div id="col5_header1" class="home-div min-height30" ng-click="toggleGroup3(3)">
            <b class="b-border">质量预警看板</b>
            <img class="img-arrow" ng-src="modules/core/client/img/{{ios_arrow3}}"/>
          </div> 
          <div id="col5_body1" ng-show="!isGroupShown3(3)" class="div-flex" >
           <div class="row margin-0 home-find-div min-height33">
             <div  class="col-xs-10 search-width">
                <input class="input-style" type="text" placeholder="全部车间" >
             </div>
             <div class="col-xs-2">
                <img class="img-search" src="modules/core/client/img/search.svg"/>
            </div>
           </div>

           <div class="alert-context" >
            <div class=""  style="  background-color: white;" ng-repeat="alert in alert_list">
                <div class="alert-date-text">
                    {{alert.date}}
                </div>
                <div class="list second">
                    <div class="row item"  ng-repeat="detail in alert.detail_list">
                        <div class="col-xs-1" style="margin-left: 30px;" >
                            <div class="line-up"></div>
                            <div class="circle-yellow-one"></div>
                            <div class="line-down"></div>
                        </div>
                        <div class="col-xs-11 tip-bubble tip-bubble-left">
                             <div class="row alert-item">
                                 <div class="col-xs-3 padding-0">{{detail.alert_time}}</div>
                                 <div class="col-xs-9"></div>
                             </div>
                             <div class="row item-text-overflow">
                                 <div class="col-xs-3 padding-0 item-text-overflow">{{detail.alert_batch}}</div>
                                 <div class="col-xs-6 padding-0 item-text-overflow">{{detail.alert_work}}</div>
                                 <div class="col-xs-3 padding-0 item-text-overflow">{{detail.person}}</div>
                             </div>
                        </div>
                    </div>
                 </div>
              </div>
           </div>
         </div>

        </div>
        <div class="row margin-left5">
          <div id="col5_header2" class="home-div top min-height30" ng-click="toggleGroup4(4)">
            <b class="b-border">完工日报</b>
            <img class="img-arrow" ng-src="modules/core/client/img/{{ios_arrow4}}"/>
          </div> 
         <div id="col5_body2" ng-show="!isGroupShown4(4)" class="div-flex">
        
           <div class="home-find-div row report-title-div min-height33">
             <div class="col-xs-3 padding-0 item-text-overflow">出货批次</div>
             <div class="col-xs-3 padding-0 item-text-overflow">生产批次</div>
             <div class="col-xs-3 padding-0">客户</div>
             <div class="col-xs-3 padding-0">数量</div>
           </div>
           <div class="list report-context">
             <div class="row item report-title-div margin"  ng-repeat="report in report_list">
                  <div class="col-xs-3 padding-0 item-text-overflow" >{{report.out_batch}}</div>
                  <div class="col-xs-3 padding-0 item-text-overflow" >{{report.in_batch}}</div>
                  <div class="col-xs-3 padding-0 item-text-overflow" >{{report.client_name}}</div>
                  <div class="col-xs-3 padding-0 item-text-overflow" >{{report.client_num}}</div>     
              </div>
            </div>
         </div>
        </div>
      </div>
   </div>
</div>


